<!DOCTYPE html>
<html>
    <head>
        <title>indexhtml</title>
         <meta name="viewport"  content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
        <link type="text/css" rel="stylesheet" media="screen" href="css/test.css">
		<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/webview.js"></script>
		
		<script type="text/javascript" src="js/compilationsTestJson.js">
		
		</script>
		
        <style type="text/css">
		#topDiv div{
			position: absolute;
		}
		#middleDiv div{
			position: absolute;
		}
		.div-inline div{
			display:inline-block;
		}
		
		.div-inline1{
			left:20px;
		}
		.div-inline1>img{
			width:366px;
		}
		
		
		.div-inline2{
			left:396px;
		}
		
		.div-inline2>img{
			width:213px;
		}
		
		
		.div-inline3{
			left:20px;
			top:242px;
		}
		
		.div-inline3>img{
			width:589px;
		}
		.div-inline4{
			left:619px;
		}
		
		.div-inline4>img{
			width:405px;
		}
		
		
		.div-inline5{
			left:1034px;
		}
		
		.div-inline5>img{
			width:366px;
		}
		
		.div-inline6{
			top:242px;
			left:1034px;
		}
		
		.div-inline6>img{
			width:366px;
		}
		

		</style>
		<script type="text/javascript" src="js/mylib.js"></script>
		<script type="text/javascript" src="js/history.js"></script>
		<script type="text/javascript">
		
		var pageSize=7;
		var currPage=0;
		var total=0;
		var totalPage=0;
		var dataJson = {};
		var listData;	

		function gamel()
		{
	
					for(var i=4; i<10; i++)
								{
									var div = $("<div>");
									var imgs;
									var img;
									{
										if(i%2==0)
										{
											div.attr("style","left:"+(Math.ceil((i-5)/2)*376)+"px");
						 					var imgs = eval("'" + listData[i].img + "'");
											var img = $("<img>");
											img.attr({"class":"img2","src":imgs});	
										}
										else
										{
											div.attr("style","left:"+(Math.ceil((i-5)/2)*376)+"px;;top:242px");
						 					var imgs = eval("'" + listData[i].img + "'");
											var img = $("<img>");
											img.attr({"class":"img2","src":imgs});
										}
									} 
									div.append(img);
									$("#middleDiv").append(div);
								} 
		} 
		$(document).ready(function(){
			dataJson = compilationsTest.testJSON;
			//alert("222222222222222222222222222222:");
			listData = dataJson.index_list.index;
			//alert("3333333333:listData"+listData);
			total = listData.length;
			gamel();
		})
		</script>
		
		
		
		
		
		
		
		
	
  </head>
  <body>
      <img style="width:1270x;height:720px;position:absolute;left:0px;top:0px" src="images/bg1.jpg"></img> 
   	  <img style="position:absolute; left:80px;top:50px"src="images/clogo.png"></img> 
   	  <font  size="6" style="position:absolute; left:130px;top:50px" color="#FFFFFF">收藏</font> 
   		 
   	 <div id='d2' style='top:100px; position:relative;height:483px;width:1270px;overflow:auto;'>
  	 <div id="middleDiv" style="left:80px; width:1270px;position: absolute;" class="subMenuItem1"> 
  		
  		 
  		  
  	 	<!-- <div  style="left:20px;"><img class="img2" width="366px" src="images/compilations/1.png"></div>
  	 
  	 	<div  style="left:396px;"><img class="img2" width="213px" src="images/compilations/2.png"></div>
  	 	<div  style="left:20px;top:242px;"><img class="img2" width="589px" src="images/compilations/4.png"></div>
  	 
  		 <div  style="left:619px;"><img class="img2" width="405px" src="images/compilations/3.png"></div>
  	 
  	 
  	 	 <div  style="left:1034px;"><img class="img2" width="366px" src="images/compilations/5.png"></div>
  	 	 <div  style="left:1034px;top:242px"><img class="img2" width="366px" src="images/compilations/6.png"></div>
  	 
	   	 <div  style="left:1410px;"><img class="img2" width="366px" src="images/compilations/7.png"></div>
  	 	 <div  style="left:1410px;top:242px"><img class="img2" width="366px" src="images/compilations/8.png"></div>
  	 
	  
	   	 <div  style="left:1786px;"><img class="img2" width="366px" src="images/compilations/9.png"></div>
  	 	 <div  style="left:1786px;top:242px"><img class="img2" width="366px" src="images/compilations/10.png"></div> -->


     </div>
   </div> 
<!-- 
     
     <ul>
     	<li style="float:left"><div  class="div-inline"><img class="img2" width="324px" src="images/team/team1.png"></div></li>
     	<li style="float:left"><div  class="div-inline"><img class="img2" width="324px" src="images/team/team2.png"></div></li>
     	<li style="float:left"> <div  class="div-inline"><img class="img2" width="324px" src="images/team/team3.png"></div> </li>
	     
	     <li style="float:left"><div  class="div-inline"><img class="img2" width="324px" src="images/team/team1.png"></div></li>
     	<li style="float:left"><div  class="div-inline"><img class="img2" width="324px" src="images/team/team2.png"></div></li>
     	<li style="float:left"> <div  class="div-inline"><img class="img2" width="324px" src="images/team/team3.png"></div> </li>
	     
	 	<li style="float:left"><div  class="div-inline"><img class="img2" width="324px" src="images/team/team1.png"></div></li>
     	<li style="float:left"><div  class="div-inline"><img class="img2" width="324px" src="images/team/team2.png"></div></li>
     	<li style="float:left"> <div  class="div-inline"><img class="img2" width="324px" src="images/team/team3.png"></div> </li>
     </ul> -->
     
  	
    

  </body>
  <script type="text/javascript">
  

	var menu=null;//0-菜单对象 
	var flag=true;   
	var _this=this;
    window.onload=function(){ 
       menu=new Menu(); 
       menu.ok=function(){ 
       	switch(menu.getTabsDivIndex1){
       	
       	
       	}
       }
        //$(document).keydown(function(e){keyUp(e,0);}); 
         mylib.bind_key();
       }
	</script>
</html>
